<div id="list">
  <div nz-row [nzGutter]="15">
    <div nz-col [nzSpan]="6" class="project">
      <nz-card>
        <div class="text-center create-box cursor" (click)="goAddPro()">
          <i class="anticon anticon-plus font50"></i>
          <div class="ant-upload-text font18">创建新项目</div>
        </div>
      </nz-card>
    </div>
    <div nz-col *ngFor="let project of projectList.voList" [nzSpan]="6" class="project">
      <nz-card [class.delCss]="project.state=='Delete'">
        <div class="project_name">
          <p class="project_zh">
            <strong class="font16">{{project.name}}</strong>
          </p>
          <p class="project_en">{{project.englishName}}</p>
          <p><span>by：{{project.author}}</span></p>
        </div>
        <div class="project_summary">{{project.description}}</div>
        <div class="project_time">
          <span class="mr-15 color-blue">{{project.language}}</span>
          <nz-tooltip [nzTitle]="'创建时间'" [nzPlacement]="'topLeft'">
            <span nz-tooltip>{{project.createTime | spliceStr}}</span>
          </nz-tooltip>
          <span class="ml-20 color-red">{{project.buildNumber}}</span>
        </div>
        <div class="project-footer clearfix mt">
          <div class="fl"></div>
          <div class="fr">
            <button nz-button [nzType]="'default'" [nzSize]="'small'" class="fr ml btn-blue-o" (click)="goDetail(project)">
              <i class="anticon anticon-copy"></i>
              <span>详情</span>
            </button>
            <nz-popconfirm [nzTitle]="'确定要删除这个任务吗？'" class="fr" (nzOnConfirm)="confirm(project)"
                           [nzPlacement]="'topLeft'">
              <button nz-popconfirm nz-button [nzSize]="'small'" class="btn-danger-o">删除</button>
            </nz-popconfirm>
          </div>
        </div>
      </nz-card>
    </div>
  </div>
</div>

